$(document).ready(function(){//......................实现点击按钮 让滚动条下滑500..........................
    $('#headerUl li').click(function(){
        var t = $(window).scrollTop();
        $('body,html').animate({'scrollTop':t+500},100)
    })
});
function div1(){
    var POS_content = document.getElementById('POS_content');
    var PC_money = document.getElementById('PC_money');
    var yiDong_money = document.getElementById('yiDong_money');
    var app_money = document.getElementById('app_money');
    var xuanXiang = document.getElementById('xuanXiang');
    var div0 = xuanXiang.getElementsByTagName('div')[0];
    var div1 = xuanXiang.getElementsByTagName('div')[1];
    var div2 = xuanXiang.getElementsByTagName('div')[2];
    var div3 = xuanXiang.getElementsByTagName('div')[3];
    POS_content.style.display = 'block';
    PC_money.style.display = 'none';
    yiDong_money.style.display = 'none';
    app_money.style.display = 'none';
    div0.style.background = '#37B4C8';
    div0.style.color = 'white';
    div1.style.background = 'white';
    div1.style.color = '#37B4C8';
    div2.style.background = 'white';
    div2.style.color = '#37B4C8';
    div3.style.background = 'white';
    div3.style.color = '#37B4C8';
}
function div2(){
    var POS_content = document.getElementById('POS_content');
    var PC_money = document.getElementById('PC_money');
    var yiDong_money = document.getElementById('yiDong_money');
    var app_money = document.getElementById('app_money');
    var xuanXiang = document.getElementById('xuanXiang');
    var div0 = xuanXiang.getElementsByTagName('div')[0];
    var div1 = xuanXiang.getElementsByTagName('div')[1];
    var div2 = xuanXiang.getElementsByTagName('div')[2];
    var div3 = xuanXiang.getElementsByTagName('div')[3];
    POS_content.style.display = 'none';
    PC_money.style.display = 'block';
    yiDong_money.style.display = 'none';
    app_money.style.display = 'none';
    div0.style.background = 'white';
    div0.style.color = '#37B4C8';
    div1.style.background = '#37B4C8';
    div1.style.color = 'white';
    div2.style.background = 'white';
    div2.style.color = '#37B4C8';
    div3.style.background = 'white';
    div3.style.color = '#37B4C8';
}
function div3(){
    var POS_content = document.getElementById('POS_content');
    var PC_money = document.getElementById('PC_money');
    var yiDong_money = document.getElementById('yiDong_money');
    var app_money = document.getElementById('app_money');
    var xuanXiang = document.getElementById('xuanXiang');
    var div0 = xuanXiang.getElementsByTagName('div')[0];
    var div1 = xuanXiang.getElementsByTagName('div')[1];
    var div2 = xuanXiang.getElementsByTagName('div')[2];
    var div3 = xuanXiang.getElementsByTagName('div')[3];
    POS_content.style.display = 'none';
    PC_money.style.display = 'none';
    yiDong_money.style.display = 'block';
    app_money.style.display = 'none';
    div0.style.background = 'white';
    div0.style.color = '#37B4C8';
    div1.style.background = 'white';
    div1.style.color = '#37B4C8';
    div2.style.background = '#37B4C8';
    div2.style.color = 'white';
    div3.style.background = 'white';
    div3.style.color = '#37B4C8';
}
function div4(){
    var POS_content = document.getElementById('POS_content');
    var PC_money = document.getElementById('PC_money');
    var yiDong_money = document.getElementById('yiDong_money');
    var app_money = document.getElementById('app_money');
    var xuanXiang = document.getElementById('xuanXiang');
    var div0 = xuanXiang.getElementsByTagName('div')[0];
    var div1 = xuanXiang.getElementsByTagName('div')[1];
    var div2 = xuanXiang.getElementsByTagName('div')[2];
    var div3 = xuanXiang.getElementsByTagName('div')[3];
    POS_content.style.display = 'none';
    PC_money.style.display = 'none';
    yiDong_money.style.display = 'none';
    app_money.style.display = 'block';
    div0.style.background = 'white';
    div0.style.color = '#37B4C8';
    div1.style.background = 'white';
    div1.style.color = '#37B4C8';
    div2.style.background = 'white';
    div2.style.color = '#37B4C8';
    div3.style.background = '#37B4C8';
    div3.style.color = 'white';
}
$(document).ready(function(){
    $('#xuanXiang div').click(function(){
        var index = $('#xuanXiang div').index(this);
        $(this).css({'background':'#37B4C8','color':'white'}).siblings().css({'background':'white','color':'#37B4C8'});
        $('.box1').eq(index).show().siblings().hide();
    });
    $('#li2').hover(function(){//.................导航产品介绍的 字菜单 显示与隐藏...............
        $('#headerUl').slideDown(200);
    },function(){
        $('#headerUl').slideUp(200);
    })
});
window.onload=function(){
    var img2 = document.getElementsByClassName('div2');
    for(var i=0;i<img2.length;i++){
        img2[i].index=i;
        img2[i].onmouseover=function(){
            img2[this.index].style.webkitTransform = 'scale(1.2,1.2)';
            img2[this.index].style.webkitTransition = 'all .5s';
            //div2[this.index].style.cursor = 'pointer';
        };
        img2[i].onmouseout=function(){
            img2[this.index].style.webkitTransform = 'none';
            img2[this.index].style.webkitTransition = 'all .5s';
        }
    }
};




